<template>
  <div class="error-page">
    <div class="content-con">
      <img :src="src" :alt="code" />
      <div class="text-con">
        <h4>{{ code }}</h4>
        <h5>{{ desc }}</h5>
      </div>
      <back-btn-group class="back-btn-group"></back-btn-group>
    </div>
  </div>
</template>

<script>
import './error.less'
import backBtnGroup from './back-btn-group.vue'

export default {
  name: 'ErrorContent',
  components: {
    backBtnGroup
  },
  props: {
    code: { type: String, default: '404' },
    desc: { type: String, default: 'Oh~~您的页面好像飞走了~' },
    src: { type: String, default: '@/assets/images/error-page/error-401.svg' }
  }
}
</script>
